<template>
    <div class="">
        <div class="nav_box">
            <router-link to="/">
                <div class="title1">应用介绍</div>
            </router-link>
            <router-link to="/showContainer">
                <div class="title2">产品展示</div>
            </router-link>
            <router-link to="/userS">
                <div class="title3">用户协议</div>
            </router-link>
        </div>
        <div class="content">
            <div class="title"><strong>美天易购</strong>介绍</div>
            <p class="suojin">
                美天易购是一个全品类，全生态型的综合性平台，涵盖家政，康养，医美，生活超市助农，酒店地产等等服务，总有一个亮点我们可以携手合作。加入美天易购真正实现零风险创业，免去了房租，水电，人工等等压在所有实体老板头上的几座大山，您只需要快速准确提供优质的产品与服务即可。
                参与美天易购非常的简单和安全，你只需要扫码或在应用商店下载美天易购APP即可，不用提供身份证银行卡等个人信息。全程验证全部通过微信，支付宝认证，操作非常简单，高效。你给平台做的推广及服务，平台会通过微信，支付宝给你发放奖金及奖励。所有商家的货款全部由微信，支付宝第三方监管和转账，您的所有资金全部在微信支付宝平台，资金更加的安全，公司没有货款中心账户及资金池，杜绝了商家收不到货款的风险。
            </p>
            <p class="title">
                参与美天易购的方式:
            </p>
            <p class="suojin">
                第一:免费注册账号，认证完成以后，平台送你两万绿色积分福利(相当于两万人民币)，感谢你对平台的支持和信任。如果您分享伙伴注册下载APP，每成功激活一个账号，平台自动送您1000绿色积分作为回馈。你推荐的粉丝或商家在平台消费，你可获得千分之五的流水及消费分红。另外平台还会不定期举行0元购活动，只要您帮助平台推广，0元购商城里面的所有商品随便拿，不掏1分钱，福利送不停。
                第二:如果你有加入公司一起创业的想法，欢迎你成为城市合伙人，加入城市合伙人只需要在☞青创社区消费980元，购买青创产品即可。成为城市合伙人以后可享受以下福利:
                1.享受青创社区创业扶持 2.享受区域代理优先管理权 3.直推第一位城市合伙人，得23%推广奖励
                直推第二位城市合伙人，得33%推广奖励 直推第三位城市合伙人，得43%推广奖励
                直推第四位及以后所有城市合伙人，得53%推广奖励 4.服务奖:拿所有直推城市合伙人间推的18%青创产品消费额奖励
                5.直推城市合伙人达到十名，自动升级高级合伙人，享受公司总收益的20%加权分红。所有收入可叠加计算，上不封顶，多劳多得。
                6.所有合伙人绿色积分释放自动调整到万五，绿色积分分红更快。
                7.所有合伙人直推粉丝或商家，均享受消费流水1%分红
                8.所有高级合伙人均有机会参与总公司的决策及事务管理，成为公司董事会成员，分管各省市招商及市场策略制定，享受公司发展红利及公司重大决策表决权
            </p>
            <p class="title">
                下载方式:
                <a href=" https://www.pgyer.com/puz6Sy"> https://www.pgyer.com/puz6Sy</a>
            </p>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'index',
        data() {
            return {};
        },
        components: {},
        created() {},
        mounted() {},
        methods: {},
    };
</script>

<style lang="less" scoped>
    @keyframes animate {
        0%,
        40%,
        100% {
            transform: translateY(0);
        }

        20% {
            transform: translateY(-5px);
        }
    }
    .nav_box {
        width: 100%;
        height: 60px;
        line-height: 60px;
        color: #565050;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        a {
            width: 25%;
            color: #565050;

            text-align: center;
            text-decoration: none;
        }
        .title1 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            color: #ff5c45;
            font-weight: 600;
            border-bottom: 2px solid #ff5c45;
            &:hover {
                cursor: pointer;
                color: #ff5c45;
                animation: animate 2s ease-in-out infinite;
                animation-delay: calc(0.1s * var(--i));
                animation-play-state: running;
            }
        }
        .title2 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            &:hover {
                cursor: pointer;
                color: #ff5c45;
                animation: animate 2s ease-in-out infinite;
                animation-delay: calc(0.1s * var(--i));
                animation-play-state: running;
            }
        }
        .title3 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            &:hover {
                cursor: pointer;
                color: #ff5c45;
                animation: animate 2s ease-in-out infinite;
                animation-delay: calc(0.1s * var(--i));
                animation-play-state: running;
            }
        }
    }
    .content {
        width: 75%;
        margin: 30px auto;
        .title {
            font-size: 18px;
            margin: 30px 0;
            a {
                color: #ff5c45;
            }
        }
        .suojin {
            font-size: 14px;
            color: #5a5a5a;
            text-indent: 2em;
            // 行高
            line-height: 2.5;
        }
    }
</style>
